<template>
    <view>
        <view class="title">
            <text>点击按钮</text>
            通知咨询师联系我
        </view>
        <view class="bottom">
            <view class="img">
                <image @click="place" src="../../static/pubic/phone.png" mode="widthFix"></image>
            </view>
            <view class="text">
                剩余通话时间：00:00
            </view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                
            };
        },
        methods:{
            place(){
              uni.navigateTo({
                  url:'/pages/userSide/orderDetails'
              })  
            },
        }
    }
</script>

<style lang="scss">
.title{
    text-align: center;
    margin:150rpx 0;
    font-size:40rpx;
    color: #333;
    font-weight: bold;
    text{
        color: orangered;
        margin-right: 20rpx;
    }
}
.bottom{
    .img{
        text-align: center;
        image{
            width: 200rpx;
            box-shadow: 0 10rpx 10rpx #6bb8e1;
            border-radius: 100rpx;
        }
    }
    .text{
        text-align: center;
        margin-top: 100rpx;
        color: #666;
        font-size: 34rpx;
    }
}
</style>
